.contentList-page {
  @apply h-full text-xs text-slate-700;
  display: grid;
  grid-template: 'list content' auto / 250px auto;

  .list {
    grid-area: list;
    @apply border-r overflow-y-auto;

    a {
      @apply px-1 py-[6px] block truncate cursor-pointer flex items-center gap-1 border-b mx-2 my-1 rounded-md hover:bg-slate-100;
      &.active {
        @apply bg-blue-600 text-white   border-none;
      }
    }
  }

  .content {
    grid-area: content;
    @apply overflow-hidden;
  }
}
